﻿<html>
  <head>
    <link type="text/css" rel="stylesheet" href="/stylesheets/main.css" />
  </head>
  <body>
    <div class="titulo">Top Chistes</div>
    <div>
      Bienvenido a otra colección de los mejores chistes.
    </div>
    
    <hr />
    
    <br />
    
    <div>
      <ul class="menu">
        <li><a href="/">Inicio</a></li>
        <li><a href="/lista">Lista de Chistes</a></li>
        <li><a href="{{ url }}">{{ url_linktext }}</a></li>
      </ul>
    </div>
    
    <br />
    
    <div class="chistes">
      Mostrando la lista de Chistes
      <div>
        <table class="chiste">
          <tr>
            <th>Chiste</th><th>Tipo</th><th>Autor</th><th>Calificar</th>
          </tr>
          {% for chiste in chistes %}
          <tr class="{% cycle odd,even %}">
            <td><blockquote>{{ chiste.chiste|escape|linebreaks }}</blockquote></td>
            <td>{{ chiste.tipo }}</td>
            <td>
              {% if chiste.autor %}
              {{ chiste.autor.nickname }}
              {% else %}
              Usuario Desconocido
              {% endif %}
            </td>
            <td>
              {% if usuario %}
              <a href="/votar/si/{{ chiste.key.id }}">Si</a>
              <a href="/votar/no/{{ chiste.key.id }}">No</a>
              {{ chiste.votos }}
              {% else %}
              {{ chiste.votos }}
              {% endif %}
            </td>
          </tr>
          {% endfor %}
        </table>
      </div>
    </div>
    
    <br />
    
    <div class="footer"> 
      La idea detrás de éste proyecto es recolectar la mayor cantidad de chistes posibles, calficarlos y
      catalogarlos. Se que hay bastantes sitios web que ya hacen esto, pero es una aplicación con la que
      quiero aprender el appengine de google y ver las ventajas que tiene al intentar manejar mucha
      información. alharita@gmail.com
    </div>
  </body>
</html>